! function($) {
    let telFlag = false;
    let passwordFlag = false;
    let checkboxFlag = false;
    $('.btn')[0].disabled = true;

    // 账号
    $('.log_tel').on('focus input', function() {
        // 清除历史内容
        $(this).attr('autocomplete', 'off');

        if ($(this).val() !== '') {

            $('label').eq(0).css({ 'top': '3px', 'font-size': '12px', 'transition': 'all,0.2s', 'color': '#bababa' });
            $('.log_tel').css({ 'background': '#f9f9f9' });

        } else {

            $('label').eq(0).css({ 'top': '3px', 'font-size': '12px', 'transition': 'all,0.2s', 'color': '#bababa' });
            $(this).css({ 'background': '#ffffff' });

        }
        // $('label').eq(0).css({ 'top': '3px', 'font-size': '12px', 'transition': 'all,0.2s', 'color': '#bababa' });
        // $(this).css({ 'background': '#ffffff' });

    });


    $(".log_tel").on('blur input', function() {

        // $(this).attr("placeholder", "请输入用户名").css({ 'color': '#f04645', 'font-size': '12px' });
        if (!$(this).val()) {

            $('label').eq(0).css({ 'top': '20px', 'font-size': '16px', 'transition': 'all,0.2s', 'color': '#f04645' });
            $(this).css({ 'background': '#fcf2f3' });
            $('.checkspan1').eq(0).css({ 'color': 'red', 'font-size': '12px' }).html('请输入账号');
            telFlag = false;

        } else {

            $(this).css({ 'background': '#f9f9f9' });
            $('label').eq(0).css({ 'top': '3px', 'font-size': '12px', 'color': '#f04645', 'transition': 'all,0.2s', 'color': '#bababa' });
            $('.checkspan1').eq(0).html('').css('color', 'green');
            telFlag = true;

        }
        check();
        // console.log(telFlag);
    });





    // 密码
    $('.log_password').on('focus', function() {
        // 清除历史内容
        $(this).attr('autocomplete', 'off');

        if ($(this).val() !== '') {

            $('label').eq(1).css({ 'top': '3px', 'font-size': '12px', 'transition': 'all,0.2s', 'color': '#bababa' });
            $(this).css({ 'background': '#f9f9f9' })

        } else {

            $('label').eq(1).css({ 'top': '3px', 'font-size': '12px', 'transition': 'all,0.2s', 'color': '#bababa' });
            $(this).css({ 'background': '#ffffff' });

        }


    });


    $(".log_password").on('blur input', function() {
        // $(this).attr("placeholder", "请输入用户名").css({ 'color': '#f04645', 'font-size': '12px' });
        // this.setAttribute('class', 'form-control change');
        if (!$(this).val()) {


            $('label').eq(1).css({ 'top': '20px', 'font-size': '16px', 'transition': 'all,0.2s', 'color': '#f04645' });
            $(this).css({ 'background': '#fcf2f3' });
            $('.checkspan1').eq(1).css({ 'color': 'red', 'font-size': '12px' }).html('请输入登录密码');



            passwordFlag = false;
        } else {

            $(this).css({ 'background': '#f9f9f9' });
            $('label').eq(1).css({ 'top': '3px', 'font-size': '12px', 'color': '#f04645', 'transition': 'all,0.2s', 'color': '#bababa' });
            $('.checkspan1').eq(1).html('').css('color', 'green');
            passwordFlag = true;

        }
        check();
        // console.log(passwordFlag);
    });




    // 条款确认
    $('.input_item0').on('click', function() {

        if ($(this).eq(0).prop('checked') === true) {
            checkboxFlag = true;
        } else {
            checkboxFlag = false;
        }
        check();
        console.log(checkboxFlag);
    });


    // 启用按钮之后，先确认条款是否勾选,点击判断勾选时不出现，不勾选时出现，2s后消失
    $('.btn').on('click', function() {

        if ($('.input_item0').eq(0).prop('checked') === true) {

            $('.checkspan_login').eq(0).clearQueue().hide();

        } else {
            $('.checkspan_login').eq(0).clearQueue().show();


            timer = setInterval(() => {
                clearInterval(timer);
                $('.checkspan_login').eq(0).clearQueue().hide();
                console.log(1);
            }, 2000);
        }

    })



    // 点击提交按键确认
    $('.btn').on('click input', function() {
        $.ajax({
            method: 'post',
            url: 'http://localhost/JS2112/xiaomi/php/login.php',
            data: {
                tel: $('.log_tel').val(),
                pass: $('.log_password').val()
            }
        }).then(function(d) {
            if (d === 'true1' && checkboxFlag) {
                $('.checkspan1').eq(1).css('color', 'green').html('');
                location.href = "index1.html";
                console.log(true);

            } else if (checkboxFlag && d === 'false2' || d === 'true2') {
                $('.checkspan1').eq(1).css('color', 'red').html('用户名或密码不正确').css('font-size', '12px');
                console.log(false);
            } else if (!checkboxFlag) {
                $('.checkspan1').eq(1).css('color', 'red').html('').css('font-size', '12px');
            }
        })
    })


    function check() {
        if (telFlag && passwordFlag) {
            $('.btn')[0].disabled = false; //启用按钮
            $('.btn').css({ 'background': '#ff5c00' });
        } else {
            $('.btn')[0].disabled = true; //启用按钮
        }
    }



}(jQuery);